<!DOCTYPE html>
The focus ring should tightly enclose the blue rectangle and the green rectangle.
<div style="width: 200px">
  <div style="background: blue; outline: auto; width: 100px; height: 100px; margin-left: 100px">
    <div style="margin-left: -100px; width: 200px; height: 50px; background: green"></div>
  </div>
</div>
